<template>
  <div class="status-component">
    <ul class="status-ul">
      <li class="status-li">
        <div :class="['li-main',statusData.info_status==0?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-document" />
          </div>
          <div class="status-title">
            <span class="content">草稿</span>
          </div>
        </div>
        <div class="line" />
      </li>
      <li class="status-li">
        <div :class="['li-main',statusData.info_status==1?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-pie-chart" />
          </div>
          <div class="status-title">
            <span class="content">调研中</span>
          </div>
        </div>
        <div class="line" />
      </li>
      <li class="status-li">
        <div :class="['li-main',statusData.info_status==2?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-user" />
          </div>
          <div class="status-title">
            <span class="content">待评估</span>
          </div>
        </div>
        <div class="line" />
      </li>
      <li class="status-li">
        <div :class="['li-main',statusData.info_status==3?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-edit-outline" />
          </div>
          <div class="status-title">
            <span class="content">决议审批中</span>
          </div>
        </div>
        <div class="line" />
      </li>
      <li class="status-li">
        <div v-if="statusData.info_status==4" :class="['li-main',statusData.info_status==4?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-document-delete" />
          </div>
          <div class="status-title">
            <span class="content">已否决</span>
          </div>
        </div>
        <div v-else-if="statusData.info_status==5" :class="['li-main',statusData.info_status==5?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-document-remove" />
          </div>
          <div class="status-title">
            <span class="content">暂时搁置</span>
          </div>
        </div>
        <div v-if="statusData.info_status!==4&&statusData.info_status!==5" :class="['li-main',statusData.info_status==6?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-document-checked" />
          </div>
          <div class="status-title">
            <span class="content">同意立项</span>
          </div>
        </div>
        <div v-if="statusData.info_status!==4&&statusData.info_status!==5" class="line" />
      </li>
      <!-- <li class="status-li">
        <div :class="['li-main',statusData.info_status==7?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-edit-outline" />
          </div>
          <div class="status-title">
            <span class="content">立项审批中</span>
          </div>
        </div>
        <div class="line" />
      </li> -->
      <!-- <li class="status-li">
        <div v-if="statusData.info_status==8" :class="['li-main',statusData.info_status==8?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-user" />
          </div>
          <div class="status-title">
            <span class="content">拒绝</span>
          </div>
        </div>
        <div v-else :class="['li-main',statusData.info_status==9?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-folder-checked" />
          </div>
          <div class="status-title">
            <span class="content">通过</span>
          </div>
        </div>
        <div class="line" />
      </li> -->
      <li v-if="statusData.info_status!==4&&statusData.info_status!==5" class="status-li">
        <div :class="['li-main',statusData.info_status==10?'current':'']">
          <div class="icon-container">
            <i class="icons el-icon-check" />
          </div>
          <div class="status-title">
            <span class="content">已立项审批</span>
          </div>
        </div>
        <!-- <div class="line"></div> -->
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    statusData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {}
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
@import "@/assets/scss/views/projectInfomation/details/modules/status.scss";
</style>
